<script setup lang="ts">
import { ArrowLeft } from "@element-plus/icons-vue";
import { reactive, ref, onMounted } from "vue";
import type { FormInstance, FormRules } from "element-plus";
import { Search } from "@element-plus/icons-vue";
import { router } from "@/router";
import { xemitter } from "@/utils/mitt";
import TwoChart from "@/views/chart/TwoChart.vue";
defineOptions({
  name: ""
});

const activeKey = ref(["1"]);
onMounted(() => {
  setTimeout(() => {
    // xemitter.emit("emitPieData", {
    //   pieData: [
    //     { value: 1048, name: "云安全" },
    //     { value: 735, name: "资产告警" },
    //     { value: 580, name: "Poc告警" },
    //     { value: 580, name: "端口告警" },
    //     { value: 580, name: "http告警" }
    //   ],
    //   pieType: "homePie"
    // });
  }, 1200);
});
</script>

<template>
  <div>
    <a-collapse
      v-model:activeKey="activeKey"
      :destroyInactivePanel="true"
      v-if="false"
      ghost
    >
      <a-collapse-panel key="1" header="告警可视化">
        <TwoChart />
      </a-collapse-panel>
      <!-- <a-collapse-panel key="2" header="This is panel header 2">
        <p>{{ text }}</p>
      </a-collapse-panel> -->
    </a-collapse>
  </div>
</template>

<style lang="scss" scoped></style>
